/**
 * 
 * @param {} opt配置项
 * @param {} cb上传成功，回调函数
 *  *如果开启分片上传，以下参数必须设置， 如果未开启，则不用带
 		   chunkSize,
           threads:3,
           prepareNextFile:true,
           fileCheckUrl:'',
		   checkChunkUrl:'',
		   mergeChunksUrl:'' 
 *  extensions ='gif,jpg,jpeg,bmp,png,3gp,mp4,rmvb,mov,avi,m4v';  
 *  mimeTypes ='image/*,video/*,audio/*,application/*';
 * @param {} opt={
 * 			auto:false, 是否自动上传，默认false
			swf:"${pageContext.request.contextPath}/js/Uploader.swf",swf路径ie10以下用swf上传
			chunked:false,是否开启分块上传，默认false，不开启分片上传
			chunkSize:0,每块文件大小（默认5M）
			server:"${pageContext.request.contextPath}/UploadServlet",
			accept: {
	                title: 'mediaFile',
	                extensions: 'gif,jpg,jpeg,bmp,png,3gp,mp4,rmvb,mov,avi,m4v,mp3',
	                mimeTypes: 'image/*,video/*,audio/*,application/*'
	             },
	       fileNumLimit:1, 
	       fileSizeLimit:5*1024*1024,
	       fileSingleSizeLimit:1*1024*1024
	       threads:3,
            //在上传当前文件时，准备好下一个文件
           prepareNextFile:true,
           fileCheckUrl:'',//检测文件是否存在url
		   checkChunkUrl:'',//检测分片url
		   mergeChunksUrl:'' //合并文件请求地址
 * }
 * @param  cb上传成功回调函数，cb要传入参数data
 * 
 * fileCheckUrl,checkChunkUrl 
 * 返回的数据{
 * "ifExist":true/false 文件是否存在
 * }
 */
$.fn.upload =  function(opt,cb) {
	
    // WebUploader实例        
    var  uploader;
	var auto=opt.auto!=undefined?opt.auto:false;
	var swf=opt.swf!=undefined?opt.swf:"js/Uploader.swf";
	var chunked=opt.chunked!=undefined?opt.chunked:false;
	var chunkSize= opt.chunkSize!=undefined?opt.chunkSize:5*1024*1204;
	var server=opt.server!=undefined?opt.server:'';
	var accept=opt.accept!=undefined?opt.accept:		
			{
	        title: 'Images',
	        extensions: 'gif,jpg,jpeg,bmp,png',
	        mimeTypes: 'image/*'
	         };
	var fileNumLimit=opt.fileNumLimit!=undefined?opt.fileNumLimit:1;
	var fileSizeLimit=opt.fileSizeLimit!=undefined?opt.fileSizeLimit:1*1024*1024;
	var fileSingleSizeLimit=opt.fileSingleSizeLimit!=undefined?fileSingleSizeLimit:1*1024*1024;
	var threads=opt.threads!=undefined?opt.threads:5;
	var prepareNextFile ;
	if(opt.prepareNextFile!=undefined){
		
		prepareNextFile=opt.prepareNextFile;
		
	}else if(chunked){
		prepareNextFile=true;
	}else {
		prepareNextFile=false;
	}
	if(chunked){//如果开启分块上传，注册三个时间点函数
		var fileCheckUrl=opt.fileCheckUrl;;//检测文件是否存在url
		var checkChunkUrl=opt.checkChunkUrl;//检测分片url
		var mergeChunksUrl =opt.mergeChunksUrl;;//合并文件请求地址
		
		//监控文件上传的三个时间点(注意：该段代码必须放在WebUploader.create之前)
	    //时间点1：:所有分块进行上传之前（1.可以计算文件的唯一标记;2.可以判断是否秒传）   
	    //时间点2： 如果分块上传，每个分块上传之前（1.询问后台该分块是否已经保存成功，用于断点续传）
	    //时间点3：所有分块上传成功之后（1.通知后台进行分块文件的合并工作）
	    WebUploader.Uploader.register({
	        "before-send-file":"beforeSendFile",
	        "before-send":"beforeSend",
	        "after-send-file":"afterSendFile"
	    },{
	        //时间点1：:所有分块进行上传之前调用此函数
	    	//时间点1：:所有分块进行上传之前调用此函数
	        beforeSendFile:function(file){//利用md5File（）方法计算文件的唯一标记符
	        	if(file.size>chunkSize){
	        		 //创建一个deffered
	            var deferred = WebUploader.Deferred();
	            //1.计算文件的唯一标记，用于断点续传和秒传
	            (new WebUploader.Uploader()).md5File(file,0,5*1024*1024)
	                .progress(function(percentage){
	                    //$("#"+file.id).find("div.state").text("正在获取文件信息...");
	                    //setState('gettingFileInfo');
	                })
	                .then(function(val){
	                    fileMd5 = val;
	                   // $("#"+file.id).find("div.state").text("成功获取文件信息");
	                     //setState('fileInfoGetted');
	                    //2.请求后台是否保存过该文件，如果存在，则跳过该文件，实现秒传功能
	                    $.ajax(
	                        {
	                        type:"POST",
	                        url:fileCheckUrl,
	                        data:{
	                            //文件唯一标记
	                            fileMd5:fileMd5
	                        },
	                        dataType:"json",
	                        success:function(response){
	                            if(response.ifExist){
	                            	//setState('SecondPass');
	                                //$("#"+file.id).find("div.state").text("秒传成功");
	                                //如果存在，则跳过该文件，秒传成功
	                                deferred.reject();
	                            }else{
	                                //继续上传
	                                deferred.resolve();
	                            }
	                        }
	                        }
	                    );

	                });
	            //返回deffered
	            return deferred.promise();
	        	}else{
	        		chunked=false;
	        		alert("请上传"+chunkSize/1024/1024+"M以上的文件");
	        		setState( 'confirm' );
	        		uploader.removeFile( file, true )
	        	}
	        },
	      //时间点2：如果有分块上传，则 每个分块上传之前调用此函数
	        //block:代表当前分块对象
	       beforeSend:function(block){//向后台发送当前文件的唯一标记，用于后台创建保存分块文件的目录
	           
	       	   if(chunked){
	       	   	
	       	   	//1.请求后台是否保存过当前分块，如果存在，则跳过该分块文件，实现断点续传功能
	           var deferred = WebUploader.Deferred();
	           //请求后台是否保存完成该文件信息，如果保存过，则跳过，如果没有，则发送该分块内容
	           $.ajax(
	               {
	               type:"POST",
	               url:checkChunkUrl,
	               data:{
	                   //文件唯一标记
	                   fileMd5:fileMd5,
	                   //当前分块下标
	                   chunk:block.chunk,
	                   //当前分块大小
	                   chunkSize:block.end-block.start
	               },
	               dataType:"json",
	               success:function(response){
	                   if(response.ifExist){
	                       //分块存在，跳过该分块
	                       deferred.reject();
	                   }else{
	                       //分块不存在或者不完整，重新发送该分块内容
	                       deferred.resolve();
	                   }
	               }
	               }
	           );
	           //携带当前文件的唯一标记到后台，用于让后台创建保存该文件分块的目录
	           this.owner.options.formData.fileMd5 = fileMd5;
	           return deferred.promise(); 
	       	   } 
	       },
	       //时间点3：所有分块上传成功之后调用此函数
	       afterSendFile:function(file){//前台通知后台合并文件
	       	if(chunked){
	       	 setState('mergingChunks');
	           //1.如果分块上传，则通过后台合并所有分块文件
	       	 //请求后台合并文件
	           $.ajax({
	               type:"POST",
	               url:mergeChunksUrl,
	               data:{
	                   //文件唯一标记
	                   fileMd5:fileMd5,
	                   //文件名称
	                   fileName:file.name
	               },
	               dataType:"json",
	               success:function(response){
	                   //alert(response.msg);
	               	 setState('mergedSucccess');
	               	 cb(response);
	               }
	           });
	       	}
	       }
	    });
	}
	
	
	var htm='  <div class="container"><div class="uploader"><div class="queueList"><div  class="dndArea placeholder">'+
	'<div class="filePicker"></div><p>或将文件拖到这里，单次最多可选'+fileNumLimit+'个</p></div></div><div class="statusBar" style="display:none;">'+
	'<div class="progress"><span class="text">0%</span><span class="percentage"></span></div><div class="info"></div><div class="btns">'+
	' <div class="filePicker2"></div><div class="uploadBtn">开始上传</div></div></div></div></div> ';
	$(this).append(htm);
        var $wrap = $(this),
            // 图片容器
            $queue = $( '<ul class="filelist"></ul>' ).appendTo( $wrap.find( '.queueList' ) ),

            // 状态栏，包括进度和控制按钮
            $statusBar = $wrap.find( '.statusBar' ),

            // 文件总体选择信息。
            $info = $statusBar.find( '.info' ),

            // 上传按钮
            $upload = $wrap.find( '.uploadBtn' ),

            // 没选择文件之前的内容。
            $placeHolder = $wrap.find( '.placeholder' ),

            $progress = $statusBar.find( '.progress' ).hide(),

            // 添加的文件数量
            fileCount = 0,

            // 添加的文件总大小
            fileSize = 0,

            // 优化retina, 在retina下这个值是2
            ratio = window.devicePixelRatio || 1,

            // 缩略图大小
            thumbnailWidth = 110 * ratio,
            thumbnailHeight = 110 * ratio,

            // 可能有pedding, ready, uploading, confirm, done.
            state = 'pedding',

            // 所有文件的进度信息，key为file id
            percentages = {},
            // 判断浏览器是否支持图片的base64
            isSupportBase64 = ( function() {
                var data = new Image();
                var support = true;
                data.onload = data.onerror = function() {
                    if( this.width != 1 || this.height != 1 ) {
                        support = false;
                    }
                }
                data.src = "";
                return support;
            } )(),

            // 检测是否已经安装flash，检测flash的版本
            flashVersion = ( function() {
                var version;

                try {
                    version = navigator.plugins[ 'Shockwave Flash' ];
                    version = version.description;
                } catch ( ex ) {
                    try {
                        version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
                                .GetVariable('$version');
                    } catch ( ex2 ) {
                        version = '0.0';
                    }
                }
                version = version.match( /\d+/g );
                return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
            } )(),

            supportTransition = (function(){
                var s = document.createElement('p').style,
                    r = 'transition' in s ||
                            'WebkitTransition' in s ||
                            'MozTransition' in s ||
                            'msTransition' in s ||
                            'OTransition' in s;
                s = null;
                return r;
            })();


        if ( !WebUploader.Uploader.support('flash') && WebUploader.browser.ie ) {
            // flash 安装了但是版本过低。
            if (flashVersion) {
                (function(container) {
                    window['expressinstallcallback'] = function( state ) {
                        switch(state) {
                            case 'Download.Cancelled':
                                alert('您取消了更新！')
                                break;

                            case 'Download.Failed':
                                alert('安装失败')
                                break;

                            default:
                                alert('安装已成功，请刷新！');
                                break;
                        }
                        delete window['expressinstallcallback'];
                    };

                    var swf = './expressInstall.swf';
                    // insert flash object
                    var html = '<object type="application/' +
                            'x-shockwave-flash" data="' +  swf + '" ';

                    if (WebUploader.browser.ie) {
                        html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
                    }

                    html += 'width="100%" height="100%" style="outline:0">'  +
                        '<param name="movie" value="' + swf + '" />' +
                        '<param name="wmode" value="transparent" />' +
                        '<param name="allowscriptaccess" value="always" />' +
                    '</object>';
                    container.html(html);
                })($wrap);

            // 压根就没有安转。
            } else {
                $wrap.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>');
            }
            return;
        } else if (!WebUploader.Uploader.support()) {
            alert( 'Web Uploader 不支持您的浏览器！');
            return;
        }
        var filePicker=$(this).find(".filePicker");
		var uploader=$(this).find(".placeholder");
		var filePicker2 = $(this).find(".filePicker2");
		var paste=$(this);
		
        // 实例化
        uploader = WebUploader.create({
        	auto :auto,//是否自动上传
            pick: {
                id: filePicker,
                label: '点击选择文件'
            },
            formData: {
                uid: 123
            },
            dnd: uploader,//拖拽容器
            paste: paste,//粘贴容器
            swf: swf,
            chunked: chunked,//是否要分片处理大文件上传。
            chunkSize: chunkSize,//如果要分片，分多大一片？ 默认大小为5M.
            server: server,
            // runtimeOrder: 'flash',
            accept:accept,
            // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候，把图片打开。
            disableGlobalDnd: true,
            fileNumLimit:fileNumLimit,//验证文件总数量, 超出则不允许加入队列。
            fileSizeLimit:fileSizeLimit,    // 验证文件总大小是否超出限制, 超出则不允许加入队列。
            fileSingleSizeLimit:fileSingleSizeLimit,   // 验证单个文件大小是否超出限制, 超出则不允许加入队列。
            threads:threads,//上传线程数
           //在上传当前文件时，准备好下一个文件
            prepareNextFile:prepareNextFile
        });

        // 拖拽时不接受 js, txt 文件。
        uploader.on( 'dndAccept', function( items ) {
            var denied = false,
                len = items.length,
                i = 0,
                // 修改js类型
                unAllowed = 'text/plain;application/javascript ';

            for ( ; i < len; i++ ) {
                // 如果在列表里面
                if ( ~unAllowed.indexOf( items[ i ].type ) ) {
                    denied = true;
                    break;
                }
            }

            return !denied;
        });

        // 添加“添加文件”的按钮，
        uploader.addButton({
            id: filePicker2,
            label: '继续添加'
        });

        uploader.on('ready', function() {
            window.uploader = uploader;
        });

        // 当有文件添加进来时执行，负责view的创建
        function addFile( file ) {
            var $li = $( '<li id="' + file.id + '">' +
                    '<p class="title">' + file.name + '</p>' +
                    '<p class="imgWrap"></p>'+
                    '<p class="progress"><span></span></p>' +
                    '</li>' ),

                $btns = $('<div class="file-panel">' +
                    '<span class="cancel">删除</span>' +
                    '<span class="rotateRight">向右旋转</span>' +
                    '<span class="rotateLeft">向左旋转</span></div>').appendTo( $li ),
                $prgress = $li.find('p.progress span'),
                $wrap = $li.find( 'p.imgWrap' ),
                $info = $('<p class="error"></p>'),

                showError = function( code ) {
                    switch( code ) {
                        case 'exceed_size':
                            text = '文件大小超出';
                            break;

                        case 'interrupt':
                            text = '上传暂停';
                            break;

                        default:
                            text = '上传失败，请重试';
                            break;
                    }

                    $info.text( text ).appendTo( $li );
                };

            if ( file.getStatus() === 'invalid' ) {
                showError( file.statusText );
            } else {
                // @todo lazyload
                $wrap.text( '预览中' );
                uploader.makeThumb( file, function( error, src ) {
                    var img;

                    if ( error ) {
                        $wrap.text( '不能预览' );
                        return;
                    }

                    if( isSupportBase64 ) {
                        img = $('<img src="'+src+'">');
                        $wrap.empty().append( img );
                    } else {
                        $.ajax('../../server/preview.php', {
                            method: 'POST',
                            data: src,
                            dataType:'json'
                        }).done(function( response ) {
                            if (response.result) {
                                img = $('<img src="'+response.result+'">');
                                $wrap.empty().append( img );
                            } else {
                                $wrap.text("预览出错");
                            }
                        });
                    }
                }, thumbnailWidth, thumbnailHeight );

                percentages[ file.id ] = [ file.size, 0 ];
                file.rotation = 0;
            }

            file.on('statuschange', function( cur, prev ) {
                if ( prev === 'progress' ) {
                    $prgress.hide().width(0);
                } else if ( prev === 'queued' ) {
                    $li.off( 'mouseenter mouseleave' );
                    $btns.remove();
                }

                // 成功
                if ( cur === 'error' || cur === 'invalid' ) {
                    showError( file.statusText );
                    percentages[ file.id ][ 1 ] = 1;
                } else if ( cur === 'interrupt' ) {
                    showError( 'interrupt' );
                } else if ( cur === 'queued' ) {
                    percentages[ file.id ][ 1 ] = 0;
                } else if ( cur === 'progress' ) {
                    $info.remove();
                    $prgress.css('display', 'block');
                } else if ( cur === 'complete' ) {
                    $li.append( '<span class="success"></span>' );
                }

                $li.removeClass( 'state-' + prev ).addClass( 'state-' + cur );
            });

            $li.on( 'mouseenter', function() {
                $btns.stop().animate({height: 30});
            });

            $li.on( 'mouseleave', function() {
                $btns.stop().animate({height: 0});
            });

            $btns.on( 'click', 'span', function() {
                var index = $(this).index(),
                    deg;

                switch ( index ) {
                    case 0:
                        uploader.removeFile( file );
                        return;

                    case 1:
                        file.rotation += 90;
                        break;

                    case 2:
                        file.rotation -= 90;
                        break;
                }

                if ( supportTransition ) {
                    deg = 'rotate(' + file.rotation + 'deg)';
                    $wrap.css({
                        '-webkit-transform': deg,
                        '-mos-transform': deg,
                        '-o-transform': deg,
                        'transform': deg
                    });
                } else {
                    $wrap.css( 'filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+ (~~((file.rotation/90)%4 + 4)%4) +')');
                }


            });

            $li.appendTo( $queue );
        }

        // 负责view的销毁
        function removeFile( file ) {
            var $li = $('#'+file.id);

            delete percentages[ file.id ];
            updateTotalProgress();
            $li.off().find('.file-panel').off().end().remove();
        }

        function updateTotalProgress() {
            var loaded = 0,
                total = 0,
                spans = $progress.children(),
                percent;

            $.each( percentages, function( k, v ) {
                total += v[ 0 ];
                loaded += v[ 0 ] * v[ 1 ];
            } );

            percent = total ? loaded / total : 0;


            spans.eq( 0 ).text( Math.round( percent * 100 ) + '%' );
            spans.eq( 1 ).css( 'width', Math.round( percent * 100 ) + '%' );
            updateStatus();
        }

        function updateStatus() {
            var text = '', stats;
			stats = uploader.getStats();
            if ( state === 'ready' ) {
                text = '选中' + fileCount + '个文件，共' +
                        WebUploader.formatSize( fileSize ) + '。';
            } else if ( state === 'confirm' ) {
                
                if ( stats.uploadFailNum ) {
                    text = '已成功上传' + stats.successNum+ '个文件，'+
                        stats.uploadFailNum + '个文件上传失败，<a class="retry" href="#">重新上传</a>失败文件或<a class="ignore" href="#">忽略</a>'
                }

            }else if(state === 'gettingFileInfo'){
            	 text="正在获取文件信息...";
            }else if(state === 'fileInfoGetted'){
            	 text="成功获取文件信息";
            }else if(state === 'SecondPass'){
            	 
            	 text = '秒传成功，共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
                        
            }else if(state === 'mergingChunks'){
            	 text = '共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
            	 text+="，正在合并分片文件...";
            }else if(state == 'mergedSucccess'){
            	 text = '共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
            	 text+="，分片合并成功，上传完毕";
            	 alert("分片合并成功，上传完毕");
            } else if(state =='finish') {
            	if(!chunked){
            		text = '共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
	                if ( stats.uploadFailNum ) {
	                    text += '，失败' + stats.uploadFailNum + '个';
	                }
            	}else{
            		text = '共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
            	 text+="，正在合并分片文件...";
            	}
                
            }else if(state =='uploading'){
            	text = '共' + fileCount + '个文件（' +
                        WebUploader.formatSize( fileSize )  +
                        '），已上传' + stats.successNum + '个';
            	 text+="，正在上传...";
            }

            $info.html( text );
        }

        function setState( val ) {
            var file, stats;

            if ( val === state ) {
                return;
            }

            $upload.removeClass( 'state-' + state );
            $upload.addClass( 'state-' + val );
            state = val;

            switch ( state ) {
                case 'pedding':
                    $placeHolder.removeClass( 'element-invisible' );
                    $queue.hide();
                    $statusBar.addClass( 'element-invisible' );
                    uploader.refresh();
                    break;

                case 'ready':
                    $placeHolder.addClass( 'element-invisible' );
                    filePicker2.removeClass( 'element-invisible');
                    $queue.show();
                    $statusBar.removeClass('element-invisible');
                    uploader.refresh();
                    break;

                case 'uploading':
                    filePicker2.addClass( 'element-invisible' );
                    $progress.show();
                    $upload.text( '暂停上传' );
                    break;

                case 'paused':
                    $progress.show();
                    $upload.text( '继续上传' );
                    break;

                case 'confirm':
                    $progress.hide();
                    filePicker2.removeClass( 'element-invisible' );
                    $upload.text( '开始上传' );

                    stats = uploader.getStats();
                    if ( stats.successNum && !stats.uploadFailNum ) {
                        setState( 'finish' );
                        return;
                    }
                    break;
                case 'finish':
               		stats = uploader.getStats();
                	if(chunked){//如果开启了分片上传
                		if(stats.successNum){
                			alert( '分片上传完成，开始合并文件' );
                		}else{
                			// 没有成功重设
	                        state = 'done';
	                        location.reload();
                		}
                	}else{
                		
	                    if ( stats.successNum ) {
	                        alert( '上传成功' );
	                    } else {
	                        // 没有成功的图片，重设
	                        state = 'done';
	                        location.reload();
	                    }
                	}
                   
                    break;
            }

            updateStatus();
        }

        uploader.onUploadProgress = function( file, percentage ) {
        	if(JSON.stringify(percentages) != "{}"){
        		var $li = $('#'+file.id),
                $percent = $li.find('.progress span');
	            $percent.css( 'width', percentage * 100 + '%' );
	            percentages[ file.id ][ 1 ] = percentage;
	            updateTotalProgress();
        	}
            
        };

        uploader.onFileQueued = function( file ) {
            fileCount++;
            fileSize += file.size;

            if ( fileCount === 1 ) {
                $placeHolder.addClass( 'element-invisible' );
                $statusBar.show();
            }

            addFile( file );
            setState( 'ready' );
            updateTotalProgress();
        };

        uploader.onFileDequeued = function( file ) {
            fileCount--;
            fileSize -= file.size;

            if ( !fileCount ) {
                setState( 'pedding' );
            }

            removeFile( file );
            updateTotalProgress();

        };

        uploader.on( 'all', function( type ) {
            var stats;
            switch( type ) {
                case 'uploadFinished':
                    setState( 'confirm' );
                    break;

                case 'startUpload':
                    setState( 'uploading' );
                    break;

                case 'stopUpload':
                    setState( 'paused' );
                    break;

            }
        });
      // 文件上传成功
	uploader.on( 'uploadSuccess', function( file, res ) { 
		if(!chunked){
			cb(res);
		}
	}); 
    uploader.onError = function( type ) {
            if (type=="Q_TYPE_DENIED"){
		       alert("请上传"+accept.extensions+"格式文件");
		    }else if(type=="Q_EXCEED_SIZE_LIMIT"){
		       alert("所有的文件大小总和不能超过"+fileSizeLimit/1024/1024+"M");
		    }else if(type=='F_EXCEED_SIZE'){
		    	 alert("单个文件大小不能超过"+fileSingleSizeLimit/1024/1024+"M");
		    }else if(type='Q_EXCEED_NUM_LIMIT'){
		    	alert("只能上传"+fileNumLimit+"个文件");
		    }else{
		    	alert("上传出错");
		    }
        };
        $upload.on('click', function() {
            if ( $(this).hasClass( 'disabled' ) ) {
                return false;
            }

            if ( state === 'ready' ) {
                uploader.upload();
            } else if ( state === 'paused' ) {
                uploader.upload();
            } else if ( state === 'uploading' ) {
                uploader.stop();
            }
        });

        $info.on( 'click', '.retry', function() {
            uploader.retry();
        } );

        $info.on( 'click', '.ignore', function() {
            alert( 'todo' );
        } );

        $upload.addClass( 'state-' + state );
        updateTotalProgress();
    }
